<template>
    <div id="app">
      <header>
        <h1>欢迎来到春天靴子项目首页</h1>
      </header>
      <main>
        <p class="project-intro">随着信息技术的发展，企业档案管理正经历数字化转型。
            为了满足员工档案信息的安全存储、快速检索、便捷修改和灵活共享的需求，我们开发了一套基于互联网的人力资源管理系统。
            该系统利用现代信息技术实现档案的数字化存储、快速检索、在线修改和即时共享，以提高管理效率，降低运营成本，并促进企业内部信息流通和知识共享。
            <br>
            <br>操作系统：Ubuntu 18.04或18.04以上版本, windows10、11
            <br>支持环境：
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;前端框架：Vue.js 3.1或以上版本
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;构建工具：Maven 3.6或以上版本
            <br>数据库：MySQL 8.0或以上版本
        </p>
        <p class="project-right">更多信息请访问：</p>
        <p class="project-right">本项目前端地址 <a href="https://gitee.com/Ray_T/ctxz_vue_4" target="_blank">点我跳转</a></p>
        <p class="project-right">本项目后端地址 <a href="https://gitee.com/Ray_T/ctxz_admin_4" target="_blank">点我跳转</a></p>
      </main>
    </div>
  </template>
  
  <style scoped>
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
  
  header {
    background-color: #42b983;
    color: white;
    padding: 20px;
  }
  
  main {
    margin: 20px;
  }
  
  footer {
    background-color: #42b983;
    color: white;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  .project-intro {
    text-indent: 2em; 
    text-align: justify;
    word-wrap: break-word;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
  }

  .project-right {
    text-align: right;
  }
  </style>